<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>用户中心</title>
    <link rel="stylesheet" type="text/css" href="/static/index/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/jquery.pagination.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/main.css">
    <script type="text/javascript" src="/static/index/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/index/js/jquery.pagination.min.js"></script>
    <script type="text/javascript" src="/static/index/js/user_follow.js"></script>
    <!-- <script type="text/javascript" src="/static/index/js/detail.js"></script> -->
</head>

<body class="inframe_body">
    <h3 class="common_title">我的关注</h3>
    <ul class="card_list_con">
        {% for followed in followed_list %}
        <li class="author_card card_list">
            {% if not followed.get("avatar_url") %}
            <a href="#" target="_blank" class="author_pic"><img src="/static/index/images/cat.jpg" alt="author_pic"></a>
            {% else %}
            <a href="#" target="_blank" class="author_pic"><img src="{{ followed.get('avatar_url') }}"
                    alt="author_pic"></a>
            {% endif %}
            <a href="#" target="_blank" class="author_name">{{ followed.get('nick_name') }}</a>
            <div class="author_resume">{{ followed.get('signature') }}</div>
            <div class="writings"><span>总篇数</span><b>{{ followed.get('news_num') }}</b></div>
            <div class="follows"><span>粉丝</span><b>{{ followed.get('followers') }}</b></div>
            <span href="javascript:;" class="focused fr" data-user-id={{ followed.id }}><span class="out">已关注</span><span class="over">取消关注</span></a>
        </li>
        {% endfor %}
        <!-- <li class="author_card card_list">
                <a href="#" target="_blank" class="author_pic"><img src="/static/index/images/cat.jpg" alt="author_pic"></a>
                <a href="#" target="_blank" class="author_name">张大山</a>
                <div class="author_resume">张大山的简介,张大山</div>
                <div class="writings"><span>总篇数</span><b>23</b></div>
                <div class="follows"><span>粉丝</span><b>36</b></div>
                <a href="javascript:;" class="focus fr">关注</a>
                <a href="javascript:;" class="focused fr"><span class="out">已关注</span><span class="over">取消关注</span></a>
            </li>
            <li class="author_card card_list">
                <a href="#" target="_blank" class="author_pic"><img src="/static/index/images/cat.jpg" alt="author_pic"></a>
                <a href="#" target="_blank" class="author_name">张大山</a>
                <div class="author_resume">张大山的简介,张大山</div>
                <div class="writings"><span>总篇数</span><b>23</b></div>
                <div class="follows"><span>粉丝</span><b>36</b></div>
                <a href="javascript:;" class="focus fr">关注</a>
                <a href="javascript:;" class="focused fr"><span class="out">已关注</span><span class="over">取消关注</span></a>
            </li>
            <li class="author_card card_list">
                <a href="#" target="_blank" class="author_pic"><img src="/static/index/images/cat.jpg" alt="author_pic"></a>
                <a href="#" target="_blank" class="author_name">张大山</a>
                <div class="author_resume">张大山的简介,张大山</div>
                <div class="writings"><span>总篇数</span><b>23</b></div>
                <div class="follows"><span>粉丝</span><b>36</b></div>
                <a href="javascript:;" class="focus fr">关注</a>
                <a href="javascript:;" class="focused fr"><span class="out">已关注</span><span class="over">取消关注</span></a>
            </li> -->
    </ul>


    <!-- <div id="pagination" class="page"></div>
        <script>
            $(function() {
                $("#pagination").pagination({
                    currentPage: 2,
                    totalPage: 3,
                    callback: function(current) {
                        alert('ok!');
                    }
                });
            });
        </script> -->



    <div id="pagination" class="page">
        <div class="ui-pagination-container">
            <a href="{{ url_for('user_blue.user_follow') }}?page=1" class="ui-pagination-page-item">首页</a>
            {% if paginate.has_prev %}
            <a href="{{ url_for('user_blue.user_follow') }}?page={{ paginate.prev_num }}" class="ui-pagination-page-item">上一页</a>
            {% endif %}
            {% for num in paginate.iter_pages() %}
            {% if num == paginate.page %}
            <a href="#" class="ui-pagination-page-item active">{{ num }}</a>
            {% elif num %}
            <a href="{{ url_for('user_blue.user_follow') }}?page={{ num }}" class="ui-pagination-page-item">{{ num }}</a>
            {% else %}
            <a href="#" class="ui-pagination-page-item">...</a>
            {% endif %}
            {% endfor %}
            {% if paginate.has_next %}
            <a href="{{ url_for('user_blue.user_follow') }}?page={{ paginate.next_num }}" class="ui-pagination-page-item">下一页</a>
            {% endif %}
            <a href="{{ url_for('user_blue.user_follow') }}?page={{ paginate.pages }}" class="ui-pagination-page-item">尾页</a>
        </div>
    </div>

</body>

</html>